<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <title>Document</title>
        <script src="jquery.min.js"></script>
    </head>

    <body>
        <ul>
            <li>多个里面筛选几个</li>
            <li>多个里面筛选几个</li>
            <li>多个里面筛选几个</li>
            <li>多个里面筛选几个</li>
            <li>多个里面筛选几个</li>
            <li>多个里面筛选几个</li>
        </ul>
        <ol>
            <li>多个里面筛选几个</li>
            <li>多个里面筛选几个</li>
            <li>多个里面筛选几个</li>
            <li>多个里面筛选几个</li>
            <li>多个里面筛选几个</li>
            <li>多个里面筛选几个</li>
        </ol>
        <script>
            $(function () {
                $(`ul li:first`).css(`color`,`red`)
                // $(`ul li:eq(2)`).css(`color`,`blue`)
                const index=2
                $(`ul li:eq(${index})`).css(`color`,`blue`)
                $(`ol li:odd`).css(`color`,`pink`)
                $(`ol li:even`).css(`color`,`skyblue`)
            })
        </script>
    </body>
</html>
